.page {
  padding: px(20) px(15);
  background-color: #F6F6F6;
  .avatar {
    width: px(48);
    height: px(48);
    border-radius: 50%;
  }
  .gAvatar {
    width: px(48);
    height: px(48);
  }

  .robotAvatar {
    width: px(44);
    height: px(44);
    border: px(1) solid #FF445E;
    border-radius: 50%;
  }


  .card {
    padding: px(12) px(10);
    border-radius: px(4);
    box-shadow: 0 0 px(8) 0 rgba(0, 0, 0, 0.06);
    background: #FFFFFF;
  }

  .icon_right {
    width: px(14);
    height: px(14);
  }

  .p-icon-arrow {
    width:  px(12);
    height: px(12);
  }

  .icon_logo {
    width: px(24);
    height: px(24);
  }

  .icon_delete {
    width: px(18);
    height: px(18);
  }

  .no_group {
    width: px(194);
    height: px(128);
  }

  .btn {
    padding: px(6) px(30);
    font-size: px(14);
    font-weight: 500;
    color: #fff;
    background: #FF445E;
    box-shadow: 0 0 px(4) 0 rgba(0, 0, 0, 0.06);
    border-radius: px(20);

    &.small{
      padding: px(3) px(20);
      font-size: px(12);
    }
  }

  .popupRemind {
    position: absolute;
    top: 50%;
    left: 50%;
		transform: translate(-50%, -50%);
		width: px(300);
		border-radius: px(4);
		background-color: #fff;
	}

  .popup_remind_txt {
		padding: px(25) px(12) 0;
		font-size: px(14);
		font-weight: bold;
		line-height: px(20);
		color: #3D3C43;
		letter-spacing: px(1);
	}

  .bottom_btn {
		margin-top: px(20);
		width: 100%;
    border-top: px(1) dotted #F1F1F1;
	}

	.bottom_btn_cancel {
		flex: 1;
		height: px(50);
    border-right: px(1) dotted #F1F1F1;
	}

	.bottom_btn_ensure {
		flex: 1;
		text-align: center;
		height: px(50);
	}

  .p1{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
  }
  .p2{
    margin-top: px(5);
    font-size: px(12);
  }

  .switch{
    width: px(24);
    height: px(12);
  }

  .border-bottom {
    padding-bottom: px(15);
    border-bottom: 1px dashed #F1F1F1;
  }

  .group_box {
    max-height: px(350);
    overflow-y: auto;;
  }

  .live_out {
		position: absolute;
		top: 0;
		left: 0;
		width: px(46);
		height: px(46);
		font-size: px(12);
		color: #fff;
		text-align: center;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.3);
	}
}
